/*
 * @Autor: dc
 * @Date: 2022-03-23 09:47:02
 * @LastEditors: dc
 * @LastEditTime: 2022-03-28 14:52:41
 * @Description: 公共css样式
 */

 body,
 html {
     font-family: '微软雅黑';
     font-size: 14px;
 }
 
 
 /* 背景 */
 
 .bgfff {
     background: #fff;
 }
 
 .bgf2f3f4 {
     background: #f2f3f4;
 }
 
 .bgff8 {
     background: #ff8542;
 }
 
 .bgccc {
     background: #ccc;
 }
 
 .bg999 {
     background: #999;
 }
 
 .bgff5 {
     background: #ff5a46;
 }
 
 .bgff5a {
     background: #ff5a5a;
 }
 
 .bg36b {
     background: #36bb81;
 }
 
 .bgfa {
     background: #fafafa;
 }
 
 
 /* 颜色 */
 
 .c1a {
     color: #1a1a1a;
 }
 
 .c0 {
     color: #000;
 }
 
 .cf {
     color: #fff;
 }
 
 .c3 {
     color: #333;
 }
 
 .c4 {
     color: #444;
 }
 
 .c6 {
     color: #666;
 }
 
 .c8 {
     color: #888;
 }
 
 .c9 {
     color: #999;
 }
 
 .cc {
     color: #ccc;
 }
 
 .ca {
     color: #aaa;
 }
 
 .cb {
     color: #bbb;
 }
 
 .cd {
     color: #ddd;
 }
 
 .cff8 {
     color: #ff8a46 !important;
 }
 
 .cff85 {
     color: #ff8542;
 }
 
 .cff5 {
     color: #ff5a46;
 }
 
 .c36b {
     color: #36bb81;
 }
 
 .c406 {
     color: #406bb2;
 }
 
 .ce9 {
     color: #e9e9e9;
 }
 
 .cffc {
     color: #ffc643;
 }
 
 .ce01 {
     color: #e01c1c;
 }
 
 .color-red {
     color: red;
 }
 
 .CE4D {
     color: #4d4d4d;
 }
 
 .C1A1A {
     color: #1A1A1A;
 }
 
 /* 文本位置 */
 
 .txt_center {
     text-align: center;
 }
 
 .txt_right {
     text-align: right;
 }
 
 .txt_left {
     text-align: left;
 }
 
 /* 单排显示，超出隐藏 */
 
 .text_overflow {
     word-break: keep-all;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .clamp1 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
 }
 
 /* 两排显示超出部分隐藏 */
 
 .clamp2 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
 }
 
 /* 三排显示超出部分隐藏 */
 
 .clamp3 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
 }
 
 /* 四排显示超出部分隐藏 */
 
 .clamp4 {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     overflow: hidden;
 }
 
 /* box布局 */
 
 .flex_start {
     display: -webkit-flex;
     display: flex;
     justify-content: flex-start;
 }
 
 .flex_end {
     display: -webkit-flex;
     display: flex;
     justify-content: flex-end;
 }
 
 .flex_center {
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .flex_around {
     display: -webkit-flex;
     display: flex;
     justify-content: space-around;
 }
 
 .flex_between {
     display: -webkit-flex;
     display: flex;
     justify-content: space-between;
 }
 
 .flex_warp {
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .flex1 {
     flex: 1;
 }
 
 .flex2 {
     flex: 2;
 }
 
 .flex3 {
     flex: 3;
 }
 
 .flex4 {
     flex: 4;
 }
 
 .flex_items {
     align-items: center;
 }
 
 .self_start {
     align-self: flex-start;
 }
 
 .self_center {
     align-self: center;
 }
 
 .self_end {
     align-self: flex-end;
 }
 
 
 .flex_column {
     display: -webkit-flex;
     display: flex;
     flex-direction: column;
 }
 
 .flex_shrink {
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
 }
 
 .box_b {
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
 }
 
 .opacity10 {
     opacity: 0.1;
 }
 
 .opacity30 {
     opacity: 0.3;
 }
 
 .opacity50 {
     opacity: 0.5;
 }
 
 .opacity100 {
     opacity: 1 !important;
 }
 
 .hide {
     display: none;
 }
 
 .show {
     display: block;
 }
 
 .overHidden {
     overflow: hidden;
 }
 
 /* 宽度 */
 .w100 {
     width: 100%;
 }
 
 
 
 /*弹框--模糊层*/
 
 .popup_mask {
     background: rgba(0, 0, 0, 0.5);
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 100%;
     z-index: 200;
     pointer-events: auto;
 }
 
 /* 定位 */
 .pos_r {
     position: relative;
 }
 
 .pos_a {
     position: absolute;
 }
 
 /* 
 button::after,
 button-hover {
     content: '';
     display: none;
     color: none;
     background-color: none;
 }
 
 button::after,
 button {
     content: normal;
     background: none;
     background-color: none;
     border: none;
     width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     position: static;
     border-radius: 0;
     line-height: auto;
 } */
 
 .bold {
     /* font-weight: bold; */
     font-weight: 650;
 }
 
 .bold-600 {
     font-weight: 600;
 }
 
 .bold-0 {
     font-weight: normal;
 }
 
 .radius {
     -webkit-border-rasius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
 }
 
 /* 暂无数据 */
 .noNore {
     color: #ccc;
     text-align: center;
 }
 
 